<template>
  <div class="page">
    <div class="weui-msg">
      <div class="weui-msg__text-area">
        <div class="weui-msg__desc">
          内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现
          <navigator url class="weui-msg__link">文字链接</navigator>
        </div>
        <div class="weui-msg__desc-primary">
          内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现
          <navigator url class="weui-msg__link">文字链接</navigator>
        </div>
      </div>
      <div class="weui-msg__opr-area">
        <div class="weui-btn-area">
          <button class="weui-btn" type="primary">推荐操作</button>
        </div>
      </div>
      <div class="weui-msg__tips-area">
        <div class="weui-msg__tips">
          内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现
          <navigator url class="weui-msg__link">文字链接</navigator>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
page {
  background-color: #ffffff;
}
page,
.page {
  height: 100%;
}
</style>
